<style>
	
</style>
<template>
<div>
    <Card :bordered="false" dis-hover>
        <p slot="title">手动开票</p>
        

		<div class="div_box1">
			<Row :gutter="20">
				<Col span="8" style="text-align:center;font-size:12px;line-height:30px;">
					原发票代码｜发票代码    28591928271
				</Col>
				<Col span="6">
					<Select    style="width:200px">
				        <Option  value="1" >增值税普通发票</Option>
				    </Select>
				</Col>
				<Col span="8"  style="text-align:center;font-size:12px;line-height:30px;">
					原发票号｜发票号码 NO  27261718266281

				</Col>
			</Row>
			<p style="text-align:right;font-size:12px;padding-top:15px;">开票日期  2017-12-12</p>
			<div>
				<Row :gutter="10" style="font-size:12px;"  class="r1">
					<Col span="1" style="text-align:center;">购<br/>买<br/>方</Col>
					<Col span="15" class="bor_left">
						<p>名称：</p><input class="input1"></br>
						<p>纳税人识别号:</p><input class="input1"></br>
						<p>地 址、电 话:</p><input class="input1"></br>
						<p>开户行及帐号:</p><input class="input1">
					</Col>
					<Col span="1" class="bor_left" style="height:120px;text-align:center;">密<br/>码<br/>区</Col>
					<Col span="7" class="bor_left" style="height:120px;"></Col>
				</Row>
				<Row :gutter="10" class="r2">
					<Col span="5">
						货物或应税劳务、服务名称</br>
						<input></br>
						<p class="p1">（明细最多100条）<br/>合计</p>
					</Col>
					<Col span="4" class="bor_left2">
						规格型号</br>
					    <input>
					</Col>
					<Col span="2"  class="bor_left2">单位<input></Col>
					<Col span="2"  class="bor_left2">数量<input></Col>
					<Col span="3"  class="bor_left2">单价<input></Col>
					<Col span="3"  class="bor_left2">金额<input></Col>
					<Col span="2"  class="bor_left2">税率<input></Col>
					<Col span="3" class="bor_left2">税额<input></Col>
				</Row>
				<Row :gutter="10" class="r3">
					<Col span="5" style="text-align:center;">价税合计（ 大 写 ）</Col>
					<Col span="19" class="bor_left3">
					<input type="text" 
					style="margin-right:40%;margin-left:5%;"> 
					(小写)&nbsp;&nbsp;<input type="text"  ></Col>
				</Row>
				<Row :gutter="10" class="r4">
					<Col span="1" style="text-align:center;">销<br/>售<br/>方</Col>
					<Col span="11" class="bor_left4">
						<p>名称：</p><input class="input1"></br>
						<p>纳税人识别号:</p><input class="input1"></br>
						<p>地 址、电 话:</p><input class="input1"></br>
						<p>开户行及帐号:</p><input class="input1">
					</Col>
					<Col span="1" class="bor_left4"  style="text-align:center;">备<br/><br/>注</Col>
					<Col span="11" class="bor_left4">校验码</Col>
				</Row>
				<p class="p_5">
					<span>收 款 人 ：张梦楠</span>
					<span>复合人 ：李丁</span>
					<span>开票人 ：张梦楠</span>
					<span>销售方 ： （章）</span>
				</p>
				<Button type="primary" style="margin-left:20%;" >开票</Button>
				<Button type="primary" style="margin-left:30%;" @click="go">查余额</Button>
				
			</div>
		</div>

    </Card>
</div>	
</template>
<script>
export default {
	//name:"出库单开票",
	data (){
		return {
			search:{text:''},
			searchb:{text:'',number:'',date:''},
			types:['增值税专用发票'],
			data1:[
				{id:1323039593,xfid:1323039593,fpnumber:13302,fpkey:1323039593,
				price:45.2,sprice:1,date:'2017-12-21 7:32',money:46.2,type:0}
			],columns3:[{
				type: 'selection',width:30,align:'center'
			},{
				title:'购方税号',key:'id',width:97
			},{
				title:'销方税号',key:'xfid',width:97
			},{
				title:'发票代码',key:'fpnumber',width:70
			},{
				title:'发票号码',key:'fpkey',width:97
			},{
				title:'开标日期',key:'date',width:110
			},{
				title:'未税金额',key:'price'
			},{
				title:'发票税额',key:'sprice'
			},{
				title:'价税合计',key:'money'
			},{
				title:'发票类型',key:'type',render:(h,params)=>{
					return (
						<div>
							{this.types[params.row.type]}
						</div>
					);
				}
			},{
				title:'操作',render:(h,params)=>{
					return (
						<div style="margin-left:-8px;">
							<i-button on-click={ ()=> this._link(params) } type="primary"  size="small" class="ml8">详情</i-button>
						</div>
					)
				}
			}],
			columns4:[{
				type: 'selection',width:30,align:'center'
			},{
				title:'结算单编号',key:'id'
			},{
				title:'关联单据张数',key:'page'
			},{
				title:'未税金额',key:'price'
			},{
				title:'税额',key:'sprice'
			},{
				title:'价税合计',key:'money'
			},{
				title:'供应商编号',key:'number'
			},{
				title:'购方编号',key:'gfnumber'
			},{
				title:'生成日期',key:'date'
			},{
				title:'操作',render:(h,params)=>{
					return (
						<div style="margin-left:-8px;">
							<i-button on-click={ ()=> this._link2(params) } type="primary"  size="small" class="ml8">详情</i-button>
						</div>
					)
				}
			}],
			pageParams:{pageSize:10,total:50},
			pageParams4:{pageSize:10,total:50},
			data4:[
				{id:3134493,page:3,price:323,sprice:2423,money:89834,number:'s00001',gfnumber:'s00001',date:'2017-12-30'}
			]
		}
	},methods:{
		changePage (pageNum){
			this.pageParams.pageNum = pageNum;
     		this.getdata();
		},getdata(){
			
		},_link (){

		},_link2(){

		},go(){
			this.$router.push({path:'relation'})
		}
	}
}
</script>